

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="renderer" content="webkit" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>wap-登录页面</title>
    <link rel="stylesheet" href="./css/bootstrap.css" />
    <link rel="stylesheet" href="./css/font-awesome.min.css" />
    <link rel="stylesheet" href="./css/swiper.min.css" />
    <link rel="stylesheet" href="./css/wap/common.css" />
    <link rel="stylesheet" href="./css/wap/register.css" />
    <script src="./js/jquery.min.js"></script>
    <script src="./js/bootstrap.js"></script>
    <script src="./js/swiper.min.js"></script>
    <script src="./js/layer/layer.js"></script>
    <script src="./js/wap/wap.js"></script>
</head>
<body>
	<div class="login mt20">
		<ul class="nav nav-tabs">
          <li class="active">
            <a href="#tab1" data-toggle="tab">
               <i class="fa fa-user-o"></i>会员账号登录
            </a>
          </li>
          <li><a href="#tab2" data-toggle="tab">
          	<i class="fa fa-mobile"></i>手机验证码登录</a>
          </li>
        </ul>
            
         <div class="tab-content mt20">
            <div class="tab-pane fade in active" id="tab1">
            	<form class="form-horizontal" action="">
			      <div class="form-group">
			        <label class="col-xs-4 control-label">会员账号：</label>
			        <div class="col-xs-7">
			          <input type="email" class="form-control" placeholder="请输入会员名">
			        </div>
			      </div>
			      <div class="form-group">
			        <label  class="col-xs-4 control-label">密码：</label>
			        <div class="col-xs-7">
			          <input type="password" class="form-control" placeholder="密码">
			        </div>
			      </div>

			       <div class="form-group">
			        <label  class="col-xs-4 control-label">验证码：</label>
			        <div class="col-xs-7">
			          <input type="text" class="form-control fl" style="width:50%;margin-right: 2px;">
			          <img src="xx" />
			        </div>
			      </div>

			      <div class="form-group">
			        <div class="col-xs-offset-1 col-xs-12">
			          <button type="submit" class="btn btn-primary" style="width:80%">登录</button>
			        </div>
			      </div>
			    </form>
            </div>

            <div class="tab-pane fade" id="tab2">
            	<form class="form-horizontal" action="">
			      <div class="form-group">
			        <label class="col-xs-4 control-label">手机号：</label>
			        <div class="col-xs-7">
			          <input type="email" class="form-control" placeholder="请输入手机号">
			        </div>
			      </div>
			       <div class="form-group">
			        <label  class="col-xs-4 control-label">验证码：</label>
			        <div class="col-xs-7">
			          <input type="text" class="form-control fl" style="width:50%;margin-right: 2px;">
			          <button type="button" class="btn btn-success fl">获取验证码</button>
			        </div>
			      </div>

			      <div class="form-group">
			        <div class="col-xs-offset-1 col-xs-12">
			          <button type="submit" class="btn btn-primary" style="width:80%">登录</button>
			        </div>
			      </div>
			    </form>
            </div>
         </div>
	</div>
</body>
</html>